@extends('car.base.shopping')

@section('content')
@section('content1')
<form action="shopping" method="get">
    <input type="text" placeholder="请输入商品名称" name="name">
    <button>搜索</button>
</form>
    
@stop
    
    <!--内容开始-->
    <div class="payment-interface w1200">
     <form action="{{ url('car/pay/') }}" method="post" name="pay">
         <input type="hidden" name="order_id" value="{{ $order_id }}">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
    </form>
    	<div class="pay-info">
        	<div class="info-tit">
            	<h3>选择银行</h3>
            </div>
            <ul class="pay-yh">
            	<li>
                	<input type="checkbox" value="" name="hobby"></input>
                    <img  src="{{ asset('images/jiangheng.gif') }}" />
                	<div style="clear:both;"></div>
                </li>
                <li>
                	<input type="checkbox" value="" name="hobby"></input>
                    <img  src="{{ asset('images/jiangheng.gif') }}" />
                	<div style="clear:both;"></div>
                </li>
                <li>
                	<input type="checkbox" value="" name="hobby"></input>
                    <img  src="{{ asset('images/jiangheng.gif') }}" />
                	<div style="clear:both;"></div>
                </li>
                <li style="border-right:0; width:298px;">
                	<input type="checkbox" value="" name="hobby"></input>
                    <img  src="{{ asset('images/jiangheng.gif') }}" />
                	<div style="clear:both;"></div>
                </li>
            	<li>
                	<input type="checkbox" value="" name="hobby"></input>
                    <img  src="{{ asset('images/jiangheng.gif') }}" />
                	<div style="clear:both;"></div>
                </li>
                <li>
                	<input type="checkbox" value="" name="hobby"></input>
                    <img  src="{{ asset('images/jiangheng.gif') }}" />
                	<div style="clear:both;"></div>
                </li>
                <li>
                	<input type="checkbox" value="" name="hobby"></input>
                    <img  src="{{ asset('images/jiangheng.gif') }}" />
                	<div style="clear:both;"></div>
                </li>
                <li style="border-right:0; width:298px;">
                	<input type="checkbox" value="" name="hobby"></input>
                    <img  src="{{ asset('images/jiangheng.gif') }}" />
                	<div style="clear:both;"></div>
                </li>
            	<li style="border-bottom:0;">
                	<input type="checkbox" value="" name="hobby"></input>
                    <img  src="{{ asset('images/jiangheng.gif') }}" />
                	<div style="clear:both;"></div>
                </li>
                <li style="border-bottom:0;">
                	<input type="checkbox" value="" name="hobby"></input>
                    <img  src="{{ asset('images/jiangheng.gif') }}" />
                	<div style="clear:both;"></div>
                </li>
                <li style="border-bottom:0;">
                	<input type="checkbox" value="" name="hobby"></input>
                    <img  src="{{ asset('images/jiangheng.gif') }}" />
                	<div style="clear:both;"></div>
                </li>
                <li style="border-right:0;border-bottom:0; width:298px;">
                	<input type="checkbox" value="" name="hobby"></input>
                    <img  src="{{ asset('images/jiangheng.gif') }}" />
                	<div style="clear:both;"></div>
                </li>
                <div style="clear:both;"></div>
            </ul>
        </div>
    	<div class="pay-info">
        	<div class="info-tit">
            	<h3>输入卡号</h3>
            </div>
            <div class="pay-kahao">
            	<input type="text" placeholder="请输入银行卡号或支付宝账号"/>
                <p>输入正确</p>
            </div>
        </div>
    	<div class="pay-info">
        	<div class="info-tit">
            	<h3>输入密码</h3>
            </div>
            <div class="pay-mima">
            	<p class="mima-p1">你在安全的环境中，请放心使用！</p>
                <div class="mima-ipt">
                	<p>支付宝或银行卡密码：</p>
                    <input type="text" style="border-left:1px solid #E5E5E5;" /><input type="text" /><input type="text" /><input type="text" /><input type="text" /><input type="text" />
                    <span>请输入6位数字支付密码</span>
                </div>
                <button class="mima-btn" id="zhifu">立即支付</button>
            </div>
        </div>
    </div>
   
    <script type="text/javascript">

    //获取含有订单id隐藏域的form表单
         $('#zhifu').click(function() {
            var pay = document.pay;
            pay.action = "{{ url('car/pay/change')  }}";
            pay.submit();
        });  
    </script>
   @stop